v_box_sizing
  box-sizing border-box
  -moz-box-sizing border-box /* Firefox */
  -webkit-box-sizing border-box /* Safari */

.radio
  background url('./img/radio.png') no-repeat left center
  padding-left 30px
  cursor pointer

.checked
  background url('./img/radio_check.png') no-repeat left center
  
.active-load
  opacity 1
  display block
  .mask
    position fixed
    z-index 1000
    top 0
    right 0
    left 0
    bottom 0
    background rgba(0, 0, 0, 0.4)
  .load
    position fixed
    z-index 5000
    top 50%
    left 50%
    width  32px
    height 32px
    -webkit-transform translate(-50%, -50%)
    transform translate(-50%, -50%)
    // background-color #FFFFFF
    background-image url("./img/loading.gif")

.c-jhsuc-btn
  background-color #ffa202
  margin 20px 35px

.c-jhfail-btn
  background-color #9E9E9E
  margin 20px 35px

.c-pay
  // min-height 35.6em
  padding-bottom 5.88em
  
  // 绑定银行卡
  .c-bind-yhcard
    font-family 'Microsoft YaHei'
    .c-pay-tips
      background #fff9d9
      border-top 2px solid #FEA111
      .c-tips-info
        text-align center
        padding 0.6em 0
        span
          font-size 0.875em
          color #666

    .c-pay-list
      border 1px solid #efefef
      padding 1em 2em 2em
      .c-jsqd
        padding-bottom 1.2em
        color #666
        font-weight 600
      .c-pure
        border 1px solid #efefef
        text-align center
        font-size 0.9em
        padding-bottom 1em
        p
          padding 1em 0
          background #f6fcff
          color #888
        span
          color #333
          padding-top 1em
          display inline-block
        a
          span:nth-child(1)
            color #2c7edc
    
      .c-yh-list
        text-align center
        padding 0.6em 0 0.4em
        border 1px solid #efefef
        border-right none
        @extend v_box_sizing

    .c-ope-step

      .c-step-name
        padding 2.5em 0 0.8em
        span
          color #666
          font-weight 600
          &:nth-child(1)
            background #efefef
            display inline-block
            padding 0.3em .6em
            border-radius 3px
          &:nth-child(2)
            padding-left 1em

      .c-yh-list
        text-align center
        padding 0.6em 0 0.4em
        border 1px solid #efefef
        border-right none
        @extend v_box_sizing

      .c-pure-img
        margin 0 auto
      
      .c-pay-info
        font-family "Microsoft YaHei"
        .c-pure
          .c-pure-u
            padding 1em 0
            &:nth-child(odd)
              text-align right
              span
                min-width 10em
                color #666
                font-size 0.875em
                display inline-block
                padding 1em 1.6em 1em 0
            &:nth-child(even)
              color #333
              input
                margin-left 1em
                font-size 0.875em
                border 1px solid #efefef
                padding 1em 0em 1em 1em
                width 26em
              .c-bind-yh-phone
                width 18em
              span
                font-size 0.875em
                display inline-block
                padding 1em 0em 1em 2em
              .c-get-yzm
                padding-left 0
                border 1px solid #efefef
                border-left none
                color #2c7edc
                width 8em
                text-align center
              .c-tjdd-btn
                // margin 2em 1em
                margin-left 12em
                padding 0.68em 2.625em
                font-size 1.25em
                // width 19em
              .c-active-btn
                background-color #ffa202
                border 1px solid #D88E0C
              .c-disabled-btn
                background-color #c1c1c1
            .jihuo
              float right
              width 370px
              background-color #E9E9E9
              margin-right 12em
              padding 0.5em
              a
                color #2c7edc
                font-size 0.875em
  
  // 开通客户号
  .c-open-khh
    border 1px solid #EFEFEF
    height 450px
    width 100%
    .c-pay-tips
      font-family 'Microsoft YaHei'
      background #fff9d9
      border-top 2px solid #FEA111
      .c-tips-info
        text-align center
        padding 0.6em 0
        span
          font-size 0.875em
          color #666
    .c-password
      // text-align center
      margin-top 4em
      fieldset
        .c-open-title
          text-align center
          padding-bottom 2em
          h2
            display inline-block
            padding 0 1em
            font-family '微软雅黑'
            font-size 1.5em
          span
            color #999
        .c-row
          height 60px
          line-height 60px
          font-size 14px
          color #666
          margin-left 410px
          label
            margin-right 15px
          input
            padding 8px
            width 200px
          .left
            margin-left 10px
          .error
            margin-left 10px
            color red
          .yes
            display -moz-inline-stack
            display inline-block
            height 12px
            width 14px
            background url('./img/yes_no.png') top center no-repeat
            _background-image url('./img/yes_no.gif')
            _overflow hidden
            position relative
            top 2px
          .no
            display -moz-inline-stack
            display inline-block
            height 12px
            width 14px
            background url('./img/yes_no.png') bottom center no-repeat
            _background-image url('./img/yes_no.gif')
            _overflow hidden
            position relative
            top 2px
        .c-error
          height 30px
          line-height 30px
          font-size 14px
          color red
          margin-left 410px
          margin-top 5px
          background url("./img/alert.gif") left center no-repeat
          span
            margin-left 23px
        .c-open-button
          width 220px
          margin-left 523px
          margin-top 20px
          background-color #ffa202
  // 步骤
  .c-pay-step
    // background #f8f8f8
    padding-left 5.6em
    .c-order-flow
      width 980px
      margin 0 auto
      height 10em
      .c-step
        width 16%
        float left
        position relative
        padding-top 3em
        p
          font-weight 600
          margin-bottom 1em
        span
          display inline-block
          color #FFF
          text-align center
          vertical-align middle
          margin-left 0.8em
          font-weight 600
        .c-qq
          background #ccc
          border-radius 20px
          padding 10px 15px
          z-index 2
          position absolute
          box-sizing border-box
        .c-xt
          height 3px
          width 100%
          background #ccc
          margin-bottom -18px
        .c-cur-step
          background #ffa202
        .c-pre-step
          border 3px solid #ffa202
          background #fff
          padding 8px 12px
          color #ffa202
      .c-step1,.c-step2,.c-step3
        width 28%

  // 协议签署
  .c-xieyi
    width 100%
    margin-bottom 30px
    .xieyi
      width 100%
      height 350px
      border 1px solid #efefef
      overflow-y scroll
      overflow-x hidden
      // border-top 2px solid #ffa202
      // border-bottom 2px solid #ffa202
      .title
        height 50px
        width 100%
        background-color #F9F9F9
        text-align center
        position relative
        border-top 2px solid #ffa202
        span
          line-height 50px
        .span
          position absolute
          width 40px
          height 50px
          cursor pointer
        .up
          background url("./img/up.png") center center no-repeat
        .down
          background url("./img/down.png") center center no-repeat
        .download
          position absolute
          right 10px
          border 1px solid #ffa202
          padding 5px 10px 5px 29px
          font-size 0.8em
          color #ffa202
          background url("./img/download.png") 10px 7px no-repeat
          margin-top 10px
          // background 
      .content
        padding 5px 15px

    .c-xieyi-button
      margin-top 30px
      // margin-bottom 30px
      float right
      background-color #ffa202
      width 130px
  
  // 订单确定
  .c-order-confirm
    width 100%
    border 1px solid #EFEFEF
    border-top 2px solid #ffa202
    overflow hidden
    .c-khxx
      margin 30px 25px 0px 25px
      .title
        margin-bottom 25px
        fieldset
          border-top 1px solid #efefef
          legend
            font-size 16px
            font-weight bold
            color #666
      .content
        border 1px solid #e2e8eb
        padding 25px
        font-size 14px
        color #888
        background-color #f6fcff
        span
          margin-right 60px

    .c-jsqd
      margin 30px 25px 0px 25px
      .title
        margin-bottom 25px
        fieldset
          border-top 1px solid #efefef
          legend
            font-size 16px
            font-weight bold
            color #666
      .content
        width 100%
        border 1px solid #e2e8eb
        font-size 14px
        color #888
        table
          width 100%
          text-align center
          thead
            border-bottom 1px solid #efefef
            th
              width 33.3%
              padding 10px
              background-color #f6fcff
          tbody
            td
              width 33.3%
              padding 10px
              font-weight bold

    .c-zffs
      margin 30px 25px 0px 25px
      .title
        margin-bottom 25px
        fieldset
          border-top 1px solid #efefef
          legend
            font-size 16px
            font-weight bold
            color #666
      .yhkh
        border 1px solid #e2e8eb
        padding 20px
        font-size 14px
        color #888
        background-color #f6fcff
        margin-bottom 10px
        .check-item
          margin-left 20px
      .qtyh
        border 1px solid #e2e8eb
        padding 20px
        font-size 14px
        color #888
        background-color #f6fcff
        .check-item
          margin-left 20px
      .c-ope-step

        .c-step-name
          padding 2.5em 0 0.8em
          span
            color #666
            font-weight 600
            &:nth-child(1)
              background #efefef
              display inline-block
              padding 0.3em .6em
              border-radius 3px
            &:nth-child(2)
              padding-left 1em

        .c-yh-list
          text-align center
          padding 0.6em 0 0.4em
          border 1px solid #efefef
          border-right none
          @extend v_box_sizing

        .c-pure-img
          margin 0 auto
        
        .c-pay-info
          font-family "Microsoft YaHei"
          .c-pure
            .c-pure-u
              padding 1em 0
              &:nth-child(odd)
                text-align right
                span
                  min-width 10em
                  color #666
                  font-size 0.875em
                  display inline-block
                  padding 1em 1.6em 1em 0
              &:nth-child(even)
                color #333
                input
                  margin-left 1em
                  font-size 0.875em
                  border 1px solid #efefef
                  padding 1em 0em 1em 1em
                  width 26em
                .c-bind-yh-phone
                  width 18em
                span
                  font-size 0.875em
                  display inline-block
                  padding 1em 0em 1em 2em
                .c-get-yzm
                  padding-left 0
                  border 1px solid #efefef
                  border-left none
                  color #2c7edc
                  width 8em
                  text-align center
                .c-tjdd-btn
                  // margin 2em 1em
                  margin-left 12em
                  padding 0.68em 2.625em
                  font-size 1.25em
                  // width 19em
                .c-active-btn
                  background-color #ffa202
                  border 1px solid #D88E0C
                .c-disabled-btn
                  background-color #c1c1c1
    .c-confirm-button
      width 130px
  
      margin 30px 25px 30px 0px
      float right
      background-color #ffa202

  // 在线支付
  .c-order-pay
    width 100%
    border 1px solid #EFEFEF
    overflow hidden
    .c-pay-tips
      padding 1.625em 2em
      background #f0ffe5
      border-top 3px solid #b4d997
      .c-tips-info
        background url('./img/pay_tip.png') no-repeat
        padding-left 3.6em
        p
          color #468218
          font-size 1.2em
          padding-bottom 0.6em
        span
          font-size 0.8em
          color #666
          &:nth-child(4)
            display inline-block
            padding 0 1em
          &:nth-child(6)
            color #ffa202
    .c-jsqd
      margin 30px 25px 0px 25px
      .title
        margin-bottom 25px
        fieldset
          border-top 1px solid #efefef
          legend
            font-size 16px
            font-weight bold
            color #666
      .content
        width 100%
        border 1px solid #e2e8eb
        font-size 14px
        color #888
        table
          width 100%
          text-align center
          thead
            border-bottom 1px solid #efefef
            th
              width 33.3%
              padding 10px
              background-color #f6fcff
          tbody
            td
              width 33.3%
              padding 10px
              font-weight bold
    .c-zxzf
      margin 30px 25px 0px 25px
      .title
        margin-bottom 25px
        fieldset
          border-top 1px solid #efefef
          legend
            font-size 16px
            font-weight bold
            color #666
      .content
        width 100%
        // border 1px solid #e2e8eb
        font-size 14px
        color #888
    .c-pay-button
      width 110px
      margin 30px 25px 30px 0px
      float right
      background-color #ffa202
  
  // 订单完成
  .c-order-finish
    width 100%
    border 1px solid #efefef
    padding 0px 25px
    .c-pay-success
      text-align center
      margin-bottom 2em
      .c-gmcg
        span
          font-size 1.8em
          color #468218
          display inline-block
          padding 1em 0 1em 2em
          background url('./img/pay_tip.png') no-repeat center left
      .c-order-info
        span
          color #666
          font-size 0.8em
          &:nth-child(3)
            padding 0 1em
          &:nth-child(5)
            color #ffa202
    .c-order-detail
      width 100%
      border 1px solid #e2e8eb
      font-size 14px
      color #888
      margin-bottom 25px
      table
        width 100%
        text-align center
        thead
          border-bottom 1px solid #efefef
          th
            width 25%
            padding 10px
            background-color #f6fcff
        tbody
          td
            width 25%
            padding 10px
            font-weight bold
            
    .c-ckdd-button
      margin 2em 0
      padding 0.68em 2.625em
      background-color #ffa202
      border 1px solid #D88E0C
      border-radius 3px

.c-yh-selected
  background url('./img/selected.png') center center no-repeat
  background-size 100% 100%
  -moz-background-size 100% 100%
  -webkit-background-size 100% 100%

.c-pay
  .c-bind-yhcard
    .c-pay-step2
      .c-pay-step
        .c-order-flow
          .c-step1
            span.c-qq
              border 3px solid #ffa202
              background #fff
              padding 8px 12px
              color #ffa202
            span.c-xt
              background #ffa202
          .c-step2
            span.c-qq
              background #ffa202
// 验证码弹窗
.verifi_dialog2
  margin 0.8em 0 1em
  .center
    text-align center
  .content
    font-size 20px
    font-weight bold
  form
    text-align center
    input
      margin-top 22px
      width 248px
      height 34px
      font-size 22px
      letter-spacing 28px
      padding-left 28px
    button
      border 0 none
      height 36px
      color #fff
      font-size 14px
      border-radius 4px
      margin-top 16px
    span
      display block
      margin-top 12px
    .error
      color red
    .zf_btn
      width 160px
      margin-right 24px
      background #ccc
    .x_btn
      width 160px
      margin-right 24px
      background #B2B2B2
      &:hover
        background-color #999
    .gray_btn
      width 100px
      background #f60
      // &:hover
      //   background #EC6003
    .button
      text-align left
      padding-left 15px
      background-image url("./img/loading.gif")
      background-size 21px 21px
      background-repeat no-repeat
      width 100px
      background-position 80%

@media (min-width:1025px)
  .c-content
    min-height 40em
    .c-pay
      .c-ope-step
        .c-pure
          .c-yh-list
            border-right none
            &:nth-child(6n),&:last-child
              border-right 1px solid #efefef
            &:nth-child(n+7)
              border-top none

@media (max-width:1024px) and (min-width:768px)
  .c-pay
    .c-ope-step
      padding 1em
      .c-pure
        .c-yh-list
          border-right none
          &:nth-child(5n),&:last-child
            border-right 1px solid #efefef
          &:nth-child(n+6)
            border-top none

@media (max-width:767px) and (min-width:569px)
  .c-pay
    padding-bottom 0
    .c-pay-list
      padding 1em
    .c-ope-step
      .c-yh-list
        border-right none
        &:nth-child(4n),&:last-child
          border-right 1px solid #efefef
        &:nth-child(n+5)
          border-top none

    .c-ope-step
      padding 1em 

@media (max-width:568px)
  .c-pay
    padding-bottom 0
    .c-pay-list
      padding 1em
      .c-pure
        text-align left
        p
          display inline-block
          width 25%
          text-align right
        .c-pure-u
          .span1
            padding-left 1em
    .c-ope-step
      padding 1em
      .c-pure
        .c-yh-list
          border-right none
          border-top none
          &:nth-child(2n),&:last-child
            border-right 1px solid #efefef
          &:nth-child(2),&:nth-child(1)
            border-top 1px solid #efefef

      .c-pay-info
        div
          lable
            min-width 6em
            width 25%
          input
            width auto
  
    .c-tjdd-btn
      margin-left 1em

  // 验证码弹窗
  .verifi_dialog
    .c-dialog
      width 90%
      min-height 10em
      .c-dialog-hd
        .c-dialog-title
          font-size 1.2em
      .c-dialog-bd
        padding 1em
        text-align left
        input
          width 7.6em